<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>任务状态</title>
    <#include "/common/head.html" />
    <link rel="stylesheet" href="css/taskDetail.css" />
    <link rel="stylesheet" href="css/taskProgress.css" />
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<body>
	<!--顶部导航-->
	<div class="topNav clearfix">
		<span class="topNavTxt">任务进行中</span>
	</div>
	<!--任务详情-->
	<div class="taskDetailWrap">
		<div class="taskDetail">
			<div class="taskDetailList">
				<h2>代取快递一份，代取快递一份,代取快递一份，代取快递一份,代取快递一份，代取快递一份</h2>
				<p>在东校区3栋104单元代取一个快递，在东校区3栋104单元代取一个快递，在东校区3栋104单元代取一个快递，在东校区3栋104单元代取一个快递，在东校区3栋104单元代取一个快递</p>
			</div>
			<div class="taskContactDetail">
				<div class="taskContactAddress">
					<i class="icon iconfont icon-ditu"></i>
					<span>东一食堂467才开始的那次</span>
				</div>
				<div class="taskContactTime">
					<i class="icon iconfont icon-shijian"></i>
					<span>10月12日   10:00:00</span>
				</div>
				<div class="taskContactPhone">
					<i class="icon iconfont icon-shouji"></i>
					<span>16u2o3u934u9548</span>
				</div>
			</div>
			<div class="taskProgress">
				<span><i class="icon iconfont icon-zhuangtai"></i>任务状态：</span>
				<div class="taskProgressWrap">
					<div class="taskProgressList">
						<i class="taskProgressNum">1</i>
						<span class="taskProgressTxt">已发布</span>
						<b class="taskProgressLine"></b>
					</div>
					<div class="taskProgressList taskProgressListActive">
						<i class="taskProgressNum">2</i>
						<span class="taskProgressTxt">进行中</span>
						<b class="taskProgressLine"></b>
					</div>
					<div class="taskProgressList">
						<i class="taskProgressNum">3</i>
						<span class="taskProgressTxt">结束</span>
					</div>
				</div>
			</div>
			<p>温馨提示：此平台暂不提供金额交易，悬赏金额在线下双方协商解决</p>
			<div class="taskDetailBtn">
				<button type="button" class="taskSubmit mui-btn mui-btn-primary">确认完成</button>
				<!--<button type="button" class="mui-btn taskDetailCancel">客户投诉</button>-->
			</div>
		</div>
	</div>
	<div class="taskMask">
		<div class="taskInner">
			<span class="taskInnerPrompt">残忍弃单，发布任务的宝宝哭鼻子啦，要支付小小的安慰费喔！</span>
			<span class="taskInnerAmount"><i>￥</i>0.88</span>
			<button type="button" class="taskMaskConfirm mui-btn mui-btn-primary">立即支付</button>
			<span class="taskMaskClose icon iconfont icon-shijian"></span>
		</div>
	</div>
	<!--底部导航-->
    <#include "/common/footer.html" />
    <script>
        wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '', // 必填，公众号的唯一标识
            timestamp: , // 必填，生成签名的时间戳
            nonceStr: '', // 必填，生成签名的随机串
            signature: '',// 必填，签名，见附录1
            jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
    </script>
	<script src="js/taskDetail.js"></script>
</body>
</html>